<#include "/WEB-INF/views/include/header.html">
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="${base}/static/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="${base}/static/css/select.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="${base}/static/jquery/js/jquery.js"></script>
    <script type="text/javascript" src="${base}/static/jquery/js/jquery.idTabs.min.js"></script>
    <script type="text/javascript" src="${base}/static/js/select-ui.min.js"></script>
    <title>区域列表</title>
    <script type="text/javascript">
        $(function () {
            $("#usual1 ul").idTabs();
            $('.tablelist tbody tr:odd').addClass('odd');
            $(".select1").uedSelect({
                width: 345
            });
            $(".select2").uedSelect({
                width: 167
            });
            $(".select3").uedSelect({
                width: 100
            });
        });
    </script>

</head>
<body>
<div class="place">
    <span>位置：</span>
    <ul class="placeul">
        <li><a href="#">系统设置</a></li>
        <li><a href="#">区域管理</a></li>
    </ul>
</div>

<div class="formbody">


    <div id="usual1" class="usual">

        <div class="itab">
            <ul>
                <li><a href="#tab1" class="selected">区域列表</a></li>
                <li><a href="#tab2">添加区域</a></li>
                <li><a href="#tab3">自定义</a></li>
            </ul>
        </div>

        <div id="tab1" class="tabson">


            <ul class="seachform">

                <li><label>综合查询</label><input name="" type="text" class="scinput"/></li>
                <li><label>指派</label>
                    <div class="vocation">
                        <select class="select3">
                            <option>全部</option>
                            <option>其他</option>
                        </select>
                    </div>
                </li>

                <li><label>重点客户</label>
                    <div class="vocation">
                        <select class="select3">
                            <option>全部</option>
                            <option>其他</option>
                        </select>
                    </div>
                </li>

                <li><label>客户状态</label>
                    <div class="vocation">
                        <select class="select3">
                            <option>全部</option>
                            <option>其他</option>
                        </select>
                    </div>
                </li>

                <li><label>&nbsp;</label><input name="" type="button" class="scbtn" value="查询"/></li>

            </ul>


            <table class="tablelist">
                <thead>
                <tr>
                    <th><input name="" type="checkbox" value="" checked="checked"/></th>
                    <th>区域代码<i class="sort"><img src="${base}/static/images/px.gif"/></i></th>
                    <th>区域名称</th>
                    <th>上级区域</th>
                    <th>区域类型</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <#list areaList as item>
                    <tr>
                        <#assign type = DictUtils.getDictLabel('${item.type}',"sys_area_type","国家")/>
                        <td><input name="" type="checkbox" value=""/></td>
                        <td>${item.code}</td>
                        <td>${item.name}</td>
                        <td>${item.parent.name}</td>
                        <td>${type}</td>
                        <#--<td>${item.type}</td>-->
                        <td><a href="#" class="tablelink">查看</a> <a href="#" class="tablelink"> 删除</a></td>
                    </tr>
                </#list>
                </tbody>
            </table>
        </div>
        <div id="tab2" class="tabson">
            <iframe src="${base}/sys/area/form" id="areaFrame" class="areaFrame" scrolling="No"></iframe>
        </div>


        <div id="tab3" class="tabson">


            <ul class="seachform">

                <li><label>综合查询</label><input name="" type="text" class="scinput"/></li>
                <li><label>指派</label>
                    <div class="vocation">
                        <select class="select3">
                            <option>全部</option>
                            <option>其他</option>
                        </select>
                    </div>
                </li>

                <li><label>重点客户</label>
                    <div class="vocation">
                        <select class="select3">
                            <option>全部</option>
                            <option>其他</option>
                        </select>
                    </div>
                </li>

                <li><label>客户状态</label>
                    <div class="vocation">
                        <select class="select3">
                            <option>全部</option>
                            <option>其他</option>
                        </select>
                    </div>
                </li>

                <li><label>&nbsp;</label><input name="" type="button" class="scbtn" value="查询"/></li>

            </ul>


            <table class="tablelist">
                <thead>
                <tr>
                    <th><input name="" type="checkbox" value="" checked="checked"/></th>
                    <th>编号<i class="sort"><img src="images/px.gif"/></i></th>
                    <th>标题</th>
                    <th>用户</th>
                    <th>籍贯</th>
                    <th>发布时间</th>
                    <th>是否审核</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td><input name="" type="checkbox" value=""/></td>
                    <td>20130908</td>
                    <td>王金平幕僚：马英九声明字字见血 人活着没意思</td>
                    <td>admin</td>
                    <td>江苏南京</td>
                    <td>2013-09-09 15:05</td>
                    <td>已审核</td>
                    <td><a href="#" class="tablelink">查看</a> <a href="#" class="tablelink"> 删除</a></td>
                </tr>

                <tr>
                    <td><input name="" type="checkbox" value=""/></td>
                    <td>20130907</td>
                    <td>温州19名小学生中毒流鼻血续：周边部分企业关停</td>
                    <td>uimaker</td>
                    <td>山东济南</td>
                    <td>2013-09-08 14:02</td>
                    <td>未审核</td>
                    <td><a href="#" class="tablelink">查看</a> <a href="#" class="tablelink">删除</a></td>
                </tr>

                <tr>
                    <td><input name="" type="checkbox" value=""/></td>
                    <td>20130906</td>
                    <td>社科院:电子商务促进了农村经济结构和社会转型</td>
                    <td>user</td>
                    <td>江苏无锡</td>
                    <td>2013-09-07 13:16</td>
                    <td>未审核</td>
                    <td><a href="#" class="tablelink">查看</a> <a href="#" class="tablelink">删除</a></td>
                </tr>

                <tr>
                    <td><input name="" type="checkbox" value=""/></td>
                    <td>20130905</td>
                    <td>江西&quot;局长违规建豪宅&quot;：局长检讨</td>
                    <td>admin</td>
                    <td>北京市</td>
                    <td>2013-09-06 10:36</td>
                    <td>已审核</td>
                    <td><a href="#" class="tablelink">查看</a> <a href="#" class="tablelink">删除</a></td>
                </tr>

                <tr>
                    <td><input name="" type="checkbox" value=""/></td>
                    <td>20130907</td>
                    <td>温州19名小学生中毒流鼻血续：周边部分企业关停</td>
                    <td>uimaker</td>
                    <td>山东济南</td>
                    <td>2013-09-08 14:02</td>
                    <td>未审核</td>
                    <td><a href="#" class="tablelink">查看</a> <a href="#" class="tablelink">删除</a></td>
                </tr>

                </tbody>
            </table>


        </div>
</body>
</html>